<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--
       基础选择器:
       1.全局选择器:*{}
       2.元素选择器:div{}
       3.类选择器: .className{}
       4.id选择器: #idName{}
       5.属性选择器: [attrName]{}
       6.伪类选择器: a:hover{}
       7.伪元素选择器: div::before{}
     -->
       <style>
        ul li{
            list-style: none;
            color: red;
        }
        .list li{
            color: blue;
        }
        div>p{
            color: green;
        }
       </style>
</head>
<body>
    <ul class="list">
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
    <ul>
        <li>111</li>
        <li>222</li>
        <div>
            <p>我是div中的p标签</p>
        </div>
        <li>333</li>
    </ul>
    <div>
        <p>nihao,woshierzi表亲</p>
    </div>
</body>
</html>